

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>梁家恒&#9825;张雨蝶</title>

	<meta name="keywords"  />

	<link rel="shortcut icon" type="images/favicon.ico" href="images/favicon.ico"/>

	

	<link type="text/css" rel="stylesheet" href="css/1.css">
	<link type="text/css" rel="stylesheet" href="css/2.css">

	<script type="text/javascript" src="js/love.js" ></script>

	<script type="text/javascript" src="js/1.js" ></script>

	<script type="text/javascript" src="js/2.js" ></script>

	<script type="text/javascript" src="js/3.js" ></script>

	<script type="text/javascript" src="js/4.js" ></script>

	<script type="text/javascript" src="js/5.js" ></script>

	<script type="text/javascript" src="js/6.js" ></script>

	<script type="text/javascript" src="js/7.js" ></script>

	<script type="text/javascript" src="js/8.js" ></script>

	<script type="text/javascript" src="js/9.js" ></script>

  <!--[if lt IE 9]>

  	<script type="text/javascript" src="js/html5.js"></script>

    <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">

  <![endif]-->

	<!--[if lt IE 8]>

		<div style=' clear: both; text-align:center; position: relative;'>

			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>

		</div>

	<![endif]-->



    <script>

        function checkhtml5()

        {

            if ($.browser.msie  && parseInt($.browser.version, 10) < 9) {

                document.body.innerHTML="<div style=' clear: both; text-align:center; position: relative; height: 50px; margin-top: 30px; padding: 20px; background-color: red; color: white; font-size:20px;'>你的浏览器非常落后，不支持 HTML5!<br/>请使用 Chrome 14+/IE 9+/Firefox 7+/Safari 4+ 其中任意一款浏览器访问此页面。</a></div>";



            }

        }

    </script>

    <style>

        a.wb_sina {

            float:left;

            margin-top:20px;

            margin-left:15px;

            display:inline-block;

            padding:4px 10px;

            border-radius:3px;

            background-color:#e55345;

            background-image:-moz-linear-gradient(top,#e96249,#e03c40);

            background-image:-ms-linear-gradient(top,#e96249,#e03c40);

            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e96249),to(#e03c40));

            background-image:-webkit-linear-gradient(top,#e96249,#e03c40);

            background-image:-o-linear-gradient(top,#e96249,#e03c40);

            background-image:linear-gradient(top,#e96249,#e03c40);

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96249',endColorstr='#e03c40',GradientType=0);

            background-repeat:repeat-x;

            text-shadow:0 -1px 0 rgba(0,0,0,.5);

            border:1px solid #cf2b28;

            color:#fff!important;

            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);

        }

        a.wb_sina:hover {

            background-image:-moz-linear-gradient(top,#e03c40,#e96249);

            background-image:-ms-linear-gradient(top,#e03c40,#e96249);

            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e03c40),to(#e96249));

            background-image:-webkit-linear-gradient(top,#e03c40,#e96249);

            background-image:-o-linear-gradient(top,#e03c40,#e96249);

            background-image:linear-gradient(top,#e03c40,#e96249);

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03c40',endColorstr='#e96249',GradientType=0);

        }

        a.wb_sina span {

            display:inline-block;

            vertical-align:-5px;

            margin-right:7px;

            height:20px;

            width:24px;

            background:url(images/weibo.png) no-repeat;

        }

        a.wb_tencent {

            float:left;

            margin-top:20px;

            margin-left:15px;

            display:inline-block;

            padding:4px 10px;

            border-radius:3px;

            background-color:#0e7fcc;

            background-image:-moz-linear-gradient(top,#1288d4,#0771c1);

            background-image:-ms-linear-gradient(top,#1288d4,#0771c1);

            background-image:-webkit-gradient(linear,0 0,0 100%,from(#1288d4),to(#0771c1));

            background-image:-webkit-linear-gradient(top,#1288d4,#0771c1);

            background-image:-o-linear-gradient(top,#1288d4,#0771c1);

            background-image:linear-gradient(top,#1288d4,#0771c1);

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1288d4',endColorstr='#0771c1',GradientType=0);

            background-repeat:repeat-x;

            text-shadow:0 -1px 0 rgba(0,0,0,.5);

            border:1px solid #0D6EB8;

            color:#fff!important;

            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);

        }

        a.wb_tencent:hover {

            background-color:#0e7fcc;

            background-image:-moz-linear-gradient(top,#0771c1,#1288d4);

            background-image:-ms-linear-gradient(top,#0771c1,#1288d4);

            background-image:-webkit-gradient(linear,0 0,0 100%,from(#0771c1),to(#1288d4));

            background-image:-webkit-linear-gradient(top,#0771c1,#1288d4);

            background-image:-o-linear-gradient(top,#0771c1,#1288d4);

            background-image:linear-gradient(top,#0771c1,#1288d4);

            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0771c1',endColorstr='#1288d4',GradientType=0);

        }

        a.wb_tencent span {

            display:inline-block;

            vertical-align:-5px;

            margin-right:7px;

            height:20px;

            width:24px;

            background:url(images/weibo.png) no-repeat 0 -20px;

        }

        #abox

        {

            position: fixed;

            _position: absolute;

            right: 15px;

            z-index: 99999999;

        }

    </style>

</head>



<body onload="checkhtml5()">



<div class="page_spinner">

    <div></div>

</div>

<div class="over">

	<div class="centre">

		<div class="main">

			<!--header -->

			<header>

				<h1><span id="logo"><img style="border-radius: 50%;width: 220px;"  src="images/logo1.png" alt="" usemap="#logo"></span></h1>

				<nav class="menu">

					<ul id="menu">

						<li id="nav1"><img  src="images/nav1.png" alt=""><span>我们都要好好的</span></li>

						<li id="nav2"><img src="images/nav2.png" alt=""><span>我们的故事</span></li>

						<li id="nav3"><img src="images/nav3.png" alt=""><span>碎碎念念</span></li>

						<li id="nav4"><img src="images/nav4.png" alt=""><span>往后余生</span></li>

						<li id="nav5"><img src="images/nav5.png" alt=""><span>爱的映像</span></li>

						<li id="nav6"><img src="images/nav6.png" alt=""><span>时光沙漏</span></li>

					</ul>

				</nav>

				<img src="images/spacer.gif"  alt="" id="navigation" usemap="#navigation">

				<map name="logo" class="map_logo"></map>

				<map name="navigation" class="navigation"></map>

			</header>

			<!--header end-->

			<!--content -->

			<map name="back" class="map_back"></map>

			<article id="content">

				<ul>

					<li id="page_Home">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav1.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>我们都要好好的</h2>

                            人物：<strong>梁家恒</strong> LOVE <strong>张雨蝶</strong><br />

                            执子之手，与子偕老。——佚名《诗经·邶风·击鼓》。<br />

                            愿得一心人，白头不相离。 <br />

                            今夕何夕，见此良人。<br />

                            愿我如星君如月，夜夜流光相皎洁。<br />

                            与君远相知，不知云海深。<br />

                            吾爱有三，日月与卿，日为朝，月为暮，卿为朝朝暮暮。 <br />


						</div>

					</li>

					<li id="page_About">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav2.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>我们的故事</h2>

							<div class="relative">

								<div  style="overflow-y: auto; height: 280px;">

                                    <span>人物：<strong>梁家恒</strong> LOVE <strong>张雨蝶</strong></span>

                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 依稀记得那天，天色正亮，你一袭绿衣大方接下我手中快递，然后你就把我迷住了，心中想到‘这姑娘我是见过的’。</p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 念念不忘，必有回响，晚上室友过生，还是借着兼职送饭的由头出去，还想着是否还能见到你，然后就见到你从楼梯扶手缓缓而下，借着辛苦的由头送你了饮料，心中却偷偷窃喜</p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 可算是要到你联系方式了，一段事件终于鼓起勇气，到现在我还记得曾经自己的告白：‘同学我喜欢你，可以做我女朋友吗？不行就算了’😜</p>

                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 时时刻刻都想你，感觉离不开你了，肯定你魅惑我了。坏蛋。 ^_^</p>

								</div>

							</div>

						</div>

					</li>

					<li id="page_Talk">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav3.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>碎碎念念</h2>

                            <div class="relative">

                                <div class="scroll">

                                    <div style="width:100%;float: left; border-bottom: 1px solid #CCCCCC;">你怎么又在打游戏啊，玩游戏咋不带我一起啊,怎么不吃饭啊，怎么睡这么晚啊。<br/><span style="float: right"> --by 张雨蝶 </span></div>
                                    <div style="width:100%;float: left; border-bottom: 1px solid #CCCCCC;">买花还不如吃饭，买花你要跟我做鲜花饼哦，我的鲜花饼你准备什么时候做啊<br/><span style="float: right"> --by 梁家恒 </span></div>






                                    <div style="width:100%;float: left">虽然我不懂浪漫，但我还是很喜欢你笑的样子。希望之前的碎碎念念，会变成今后的岁岁年年。<br/><span style="float: right"> --by 梁家恒 2023年5月19日</span></div>

                                </div>

                            </div>

						</div>

					</li>

					<li id="page_Message">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav4.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>往后余生</h2>

                            <div class="relative">

                                <div class="scroll">

                                    <div style="min-height: 300px; padding-bottom: 50px;">
                                        &nbsp;&nbsp;&nbsp;&nbsp; 人生的路途中，我们面临着很多挑战和不确定性。但无论发生什么事情，我都会一直陪伴在你身边，永远支持你。希望我们可以一起创造更多美好的回忆，一起去探索更多的事物和地方。我愿意与你共同分享每一个快乐的瞬间，并与你一起走过每一个困难和挑战。
										<br/><span style="float: right">--by 梁家恒（爱你的老公） 2023年5月</span>

                                    </div>

                                </div>

                            </div>

						</div>

					</li>

					<li id="page_Blog">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav5.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>爱的映像</h2>

							<div class="relative">

								<div class="scroll">

									<ul class="gallery fancybox" style="overflow: auto;height: 260px;">

                                        <li ><img src="images/1.jpg" style="width: 160px; height: 200px;" alt=""></li>

                                        <li ><img src="images/2.jpg" style="width: 190px; height: 200px;"  alt=""></li>

                                        <li ><img src="images/3.jpg" style="width: 190px; height: 150px;" alt=""></li>

                                        <li ><img src="images/4.jpg" style="width: 190px; height: 170px;" alt=""></li>

									</ul>

								</div>

							</div>

						</div>

					</li>

					<li id="page_Time">

						<img src="images/bg_content.png" alt="" class="bg_cont">

						<span class="back"><img src="images/nav6.png" alt="" usemap="#back"><a href="#close">返回</a></span>

						<div class="pad">

							<h2>时光沙漏</h2>

                            <div id="loveHeart" style="margin-top: 30px;font-size: 25px;">
                                        <span >张雨蝶, 你知道我们相爱了多久吗</span>
                                        <div id="elapseClock" style="margin: 10px 0px 10px 0px;"></div>
                                <img src="images/1.gif" />   <img src="images/2.gif" /><br/><br/>

                                    <div id="loveu">

                                        爱，从那美丽的蝴蝶开始<br/>

                                        <div class="signature" style="float: right; margin-right: 50px;">- 梁家恒</div>

                                    </div>

                                </div>

                            </div>



						</div>

					</li>

				</ul>

			</article>

			<!--content end-->

		</div>

	</div>



</div>

<script>

$(window).load(function() {	

	$('.page_spinner').fadeOut();

	$('body').css({overflow:'hidden'});

})

</script>

<script>

    $(window).load(function (){

        var biz_name = '';

        var biz_url = '';

        $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:'<a href="' + biz_url + '" target="_blank">' + biz_name + '</a>',animation_speed:'normal',theme:'dark_square',slideshow:5000, autoplay_slideshow: false});

    });

</script>



<script type="text/javascript">

    var offsetX = $("#loveHeart").width() / 2;

    var offsetY = $("#loveHeart").height() / 2 - 55;

    // var together = new Date();

    // together.setFullYear(2012, 02, 13);

    // together.setHours(20);

    // together.setMinutes(0);

    // together.setSeconds(0);

    // together.setMilliseconds(0);



	setTimeout(function () {

		adjustWordsPosition();

		startHeartAnimation();

	}, 5000);



	timeElapse(together);

	setInterval(function () {

		timeElapse(together);

	}, 500);

</script>

</div>



</audio>

</body>

</html>